@charset "utf-8";
@import "config";

.active {
    color: #cc3333;
}

.container .topbar .left {
    width: 85%;
    a {
        margin-left: 8%;
    }
        .active{
            border-bottom: 1px solid #D62D31;
        }
    a:first-of-type {
        margin-left: 0;
    }
}

.container .main {
    bottom: 0;
    .top {
        height: setLengthByHeight(89px);
        background: #f7f7f7;
        line-height: setLengthByHeight(88px);
        padding: 0 6%;
        font-size: 0.75rem;
        border-bottom: 1px solid #C1C1C1;
        li {
                list-style: none;
                float: left;
                width: 33.33%;
                a{
                    display: inline-block;
                }
            }
            li:first-of-type {
                margin-left: 0;
                text-align: left;
            }
            li:nth-of-type(2) {
                text-align: center;
            }
            li:last-of-type {
                margin-left: 0;
                text-align: right;
            }
    }

    .parameter {
        margin-top: setLengthByHeight(20px);
        ul {
            li {
                .head {
                    display: block;
                    height: setLengthByHeight(89px);
                    line-height: setLengthByHeight(87px);
                    background: #F7F7F7;
                    border-bottom: 1px solid #c1c1c1;
                    padding: 0 4%;
                    span {
                        font-size: 0.75rem;
                    }
                    &:first-of-type {
                        border-top: 1px solid #C1C1C1;
                    }
                }
                .link {
                    display: none;
                    font-size: 0.75rem;
                    color: #999999;
                    padding: 0 4%;
                    padding-bottom: setLengthByHeight(20px);
                    li {
                        margin-top: setLengthByHeight(20px);
                        span {
                            margin-right: 15%;
                            display: inline-block;
                            width: setLengthByHeight(180px);
                        }
                    }
                }
            }
        }
    }
}

.layer {
    .dialog {
        .icon_list {
            .item {
                .icon-weixin {
                    background-color: #85d16d;
                }

                .icon-pengyouquan {
                    background-color: #6dd193;
                }

                .icon-weibo {
                    background-color: #f26868;
                }

                .icon-QQ {
                    background-color: #4c88f5;
                }

                .icon-qqkongjian {
                    background-color: #f0c759;
                }

                .icon-shouji {
                    background-color: #54d3b1;
                }

                .icon-liuyan1 {
                    background-color: #ff936d;
                }

                .icon-erweima {
                    color: #000000;
                    border: setLengthByHeight(4px) solid #dde0de;
                    background-color: #ffffff;
                }

                .icon-fuzhilianjie {
                    background-color: #a8bcc8;
                }

                .icon-shichang {
                    background-color: #82cf4f;
                }
            }
        }
    }
}
